<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>单选列表</title>
    <script src="../js/vue-dev.js"></script>
</head>
<body>
    <div id="app_radio">
        <input type="radio" value="Andy" v-model="names" id="andy">
        <label for="andy">Andy</label>
        <input type="radio" value="Tom" v-model="names" id="tom">
        <label for="tom">Tom</label>
        <input type="radio" value="Jerry" v-model="names" id="jerry">
        <label for="jerry">Jerry</label>
        <br>
        <span>选定的人名为：{{names}}</span>

    </div>

    <script>
        var app_radio = new Vue({
            el:"#app_radio",
            data:{
                names:'',
            }
        })

    </script>

</body>
</html>